           *{
				margin: 0;
				padding: 0;
			}
		    a{
	           text-decoration: none;
             }
            ul li{
	           list-style: none;
             }
             body{
             	background-color: #fff;
             }
			.TopBut{
				display: block;
				margin:50px auto;
				margin-bottom: 20px;
				width: 500px;
				height: 30px;
				border-style: solid;
				border-color: lightblue;
				border-top-left-radius: 30px;
				border-top-right-radius: 30px;
				border-bottom-left-radius: 30px;
				border-bottom-right-radius: 30px;
				font-size: 12px;
				color: #cccccc;
				outline: none;
				padding-left: 10px;
				/*float:left;*/
			}
			.TopBut:focus::-webkit-input-placeholder{
				text-indent: -999em;
				z-index: -20;
			}
			.TopRight{
				font-size: 12px;
				color: #CCCCCC;
				/*float: right;*/   
				width: 200px;
				height: 19px;
				margin-left: 950px;                                                                                                                                                                                                                                             
			}
			.TopRight>a{
				font-size: 14px;
				color: black;
				margin-left: 20px;
			}
			.TopRight>a:hover{
				color: darkslategrey;
			}
			
			
			
			#Bbox{
				width: 1100px;
				height: 600px;
				margin: 10px auto;
				position: relative;
			}
			#Bbox>ul>li>a>img{
				width: 1100px;
				height: 600px;
			}
			#Bbox>ul{
				position: relative;
				list-style: none;
				width: 1100px;s
				height: 600px;
			}
			#Bbox>ul>li{
				list-style: none;
				position: absolute;
				display: none;
			}
			#Bbox>#pages {
			width: 100%;
			height: 30px;
			background: rgba(0, 0, 0, .2);
			position: absolute;
			bottom: 0;
		}
			#pages i {
			display: inline-block;
			width: 10px;
			height: 10px;
			border-radius: 5px;
			background: #fff;
			margin: 10px;
		    }

		    #pages i.current {
	  		background:#AAAAAA;
	     	}

	     	#prev, #next {
			width: 45px;
			height: 100px;
			background: rgba(0,0,0, .2);
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			color: #fff;
			text-align: center;
			line-height: 100px;
			font-size: 50px;
			cursor: pointer;
		    }
		    #next {
			right: 0;
		    }
			
			.nav{
				width: 1102px;
				height: 50px;
				margin: 100px auto;
				border: 1px solid #CCCCCC;
				/*border-top-left-radius: 30px;
				border-top-right-radius: 30px;
				/*border-bottom-left-radius: 30px;*/
				/*border-bottom-right-radius: 30px;*/*/
			}
			.nav>ul{
				width: 1102px;
				height: 50px;
				display: flex;
				justify-content: space-around;
				align-items: center;
				background-color: #CCCCCC;
				/*border-top-left-radius: 30px;
				border-top-right-radius: 30px;*/
				/*border-bottom-left-radius: 30px;
				border-bottom-right-radius: 30px;*/
			}
			.nav>ul>li{
				height: 50px;
				line-height: 50px;
			}
			.nav>ul>li:hover{
				color: darkslategrey;
			}
			.nav>ul>.one{
				position:relative ;
				
			}
			.nav>ul>.one:hover div{
				display: block;
			}
				
			.nav>ul>.one>div{
				position: absolute;
				width: 500px;
				height: 100px;
				border:1px solid #CCCCCC;
				/*display: flex;*/
				/*justify-content: space-around;*/
				/*align-items: center;*/
				flex-wrap: wrap;
				/*margin-top: 14px;*/
				background-color: #CCCCCC;
				display: none;
				margin-left: -158px;
				/*border-top-left-radius: 30px;
				border-top-right-radius: 30px;
				border-bottom-left-radius: 30px;
				border-bottom-right-radius: 30px;*/
			}
			.nav>ul>.one>div>a{
				display: block;
				width: 100px;
				height: 25px;
				color: black;
				float: left;
				font-size: 12px;
				line-height: 25px;
				text-align: center;
			}
			.nav>ul>.one>div>a:hover{
				color: darkslategrey;
			}
			
			
			.nav>ul>.two{
				position:relative ;
				
			}
			.nav>ul>.two:hover div{
				display: block;
			}
				
			.nav>ul>.two>div{
				position: absolute;
				width: 500px;
				height: 100px;
				border:1px solid #CCCCCC;
				/*display: flex;*/
				/*justify-content: space-around;*/
				/*align-items: center;*/
				flex-wrap: wrap;
				/*margin-top: 14px;*/
				background-color: #CCCCCC;
				display: none;
				margin-left: -225px;
			}
			.nav>ul>.two>div>a{
				display: block;
				width: 100px;
				height: 25px;
				color: black;
				float: left;
				font-size: 12px;
				line-height: 25px;
				text-align: center;
			}
			.nav>ul>.two>div>a:hover{
				color: darkslategrey;
			}
			
			.nav>ul>.three{
				position:relative ;
				
			}
			.nav>ul>.three:hover div{
				display: block;
			}
				
			.nav>ul>.three>div{
				position: absolute;
				width: 500px;
				height: 100px;
				border:1px solid #CCCCCC;
				/*display: flex;*/
				/*justify-content: space-around;*/
				/*align-items: center;*/
				flex-wrap: wrap;
				/*margin-top: 14px;*/
				background-color: #CCCCCC;
				display: none;
				margin-left: -300px;
			}
			.nav>ul>.three>div>a{
				display: block;
				width: 100px;
				height: 25px;
				color: black;
				float: left;
				font-size: 12px;
				line-height: 25px;
				text-align: center;
			}
			.nav>ul>.three>div>a:hover{
				color: darkslategrey;
			}
			.content{
				width: 1100px;
				height: 510px;
				margin: 100px auto;
				border: 1px solid #CCCCCC;
				background-color: #f5f5f5;
			}
			.ContentTop{
				font-size: 20px;
				width: 100px;
				margin-top: 20px;
				margin-left: 10px;
			}
			.box{
				width: 1100px;
				height: 464px;
				/*background-color: #CCCCCC;*/
			}
			.box>ul{
				width: 1100px;
				height: 464px;
				display: flex;
				justify-content: space-around;
				align-items: flex-end;
				flex-wrap: wrap;
			}
			.box>ul>li{
				width: 230px;
				height:220px;
				/*background-color: aqua;*/
			}
			.box>ul>li>a{
				display: block;
				width: 230px;
				height: 220px;
			}
			.box>ul>li>a>img{
				width: 230px;
				height: 220px;
		
			}
			.box>ul>li>a>img:hover{
				/*opacity: .6;*/
				transition-duration: .5s;
				box-shadow: 5px 5px 5px #CCCCCC;
				transform: translate3d(0,-4px,0);
			}